<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // cookie 实现跨页面的数据访问  存储用户信息

        // 前提条件  ---  同源策略(同协议，同域名，同端口)

        // cookie 的存储，读取，修改和删除   名称具有唯一性 -- 覆盖

        // 缺点：

        //    存储的数据量比较小  4k

        //    一条一条的存储

        //    会随着服务器一起发送  影响服务器的响应速度

        //    存储在客户端，可能被禁用或者删除


        // 优化cookie的问题  h5提供了 webStorage (lcalStorage + sessionStorage)

        //   不会随着服务器请求发送数据

        //   数据量  5M


        //    setItem()   getItem()   removeItem()   clear()

        //    遍历里面的值   localStorage.length   localSotrage.key(i)  对象具有无序性

        // JSON对象  --- 就是一种特殊的字符串
        //   JSON.parse() 
        //   JSON.stringify()



        //   设置有效期的方式  ？？？？？？？？？？？？？？？？？？？？？？？
        // const futureDate = new Date('2022-6-9') ;
        // const date = new Date() ;
        // if(date === futureDate) {
        //     localStorage.removeItem('yy') ;
        // } 

    </script>
    
</body>
</html>